.app-page {
  width: 100%;
  padding: 28rem 32rem 0 32rem;
  box-sizing: border-box;

  .top {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 27rem;

    h2 {
      width: 100%;
      font-family: Microsoft YaHei;
      font-size: 30rem;
      color: #000000;
      margin-bottom: 0;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      text-align: center;
    }
  }

  .content {
    flex: 1;
    overflow: auto;
  }

  .info-item {
    .info-title {
      width: 100%;
      height: 60rem;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      background: #feece3;
      font-family: Microsoft YaHei;
      font-weight: bold;
      font-size: 18rem;
      color: #eb5f18;
      padding: 0 0 0 20rem;
      box-sizing: border-box;

      img {
        width: 20rem;
        height: 16rem;
        margin-right: 4rem;
      }
    }

    .info-content {
      width: 100%;
      padding: 32rem 32rem 0;
      box-sizing: border-box;
      position: relative;

      .bussinessCode {
        font-family: Microsoft YaHei;
        font-size: 16rem;
        color: #878787;
        position: absolute;
        top: 20rem;
        right: 0;

        span {
          font-family: Microsoft YaHei;
          font-size: 20rem;
          color: #000000;
        }
      }

      .ant-col {
        margin-bottom: 16rem;
      }

      .upload-item {
        width: 294rem;
        height: 195rem;
        margin-bottom: 20rem;
        position: relative;

        img {
          width: 100%;
          height: 100%;
        }
      }
    }
  }

  .user-files {
    font-family: Microsoft YaHei;

    &-title {
      height: 60rem;
      font-size: 18rem;
      color: #000000;
      line-height: 60rem;
      background: #f7f7f7;
      margin-bottom: 19rem;
      padding-left: 36rem;
      padding-right: 36rem;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    &-content {
      display: flex;
      flex-wrap: wrap;
    }

    &-item {
      width: 270rem;
      height: 87rem;
      background: #ffffff;
      border-radius: 6rem;
      border: 1rem solid #c7c6c6;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-bottom: 33rem;
      margin-right: 108rem;
      position: relative;
      &:nth-child(5n) {
        margin-right: 0;
      }

      &-name {
        font-family: Microsoft YaHei;
        font-size: 16rem;
        color: #000000;
      }

      &-status {
        font-family: Microsoft YaHei;
        font-size: 16rem;
        color: #6bba0d;
        margin-top: 8rem;

        img {
          width: 23rem;
          height: 23rem;
          margin-right: 14rem;
        }
      }
    }
  }

  .next {
    text-align: center;
    padding-top: 20rem;
    margin-bottom: 20rem;

    .ant-btn {
      width: 270rem;
      height: 42rem;
    }

    .next-step {
      width: 100rem;
      height: 42rem;
      margin: 0 40rem;
    }

    .reset {
      width: 100rem;
      height: 42rem;
      margin: 0 40rem;
    }
  }

  .plan-desc {
    width: 100%;
    background-image: url(/@/assets/images/plan-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0 auto 50rem;
    padding: 20rem 20rem 5rem;
    box-sizing: border-box;
    position: relative;

    .plan-name {
      font-family: Microsoft YaHei;
      font-size: 30rem;
      color: #ffffff;
      margin-bottom: 32rem;
    }

    .export {
      width: 215rem;
      height: 35rem;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #ffffff;
      border-radius: 7rem;
      font-size: 20rem;
      color: #fd7342;
      position: absolute;
      right: 25rem;
      top: 25rem;

      img {
        width: 13rem;
        height: 17rem;
        margin-right: 12rem;
      }
    }

    .plan-info {
      text-align: left;
      min-height: 40rem;
      span {
        display: inline-block;
        font-size: 16rem;
        color: #fccaca;
        text-align: left;
        margin-bottom: 15rem;

        em {
          font-style: normal;
          color: #ffffff;
        }
      }
    }
  }
}
